/* eslint-disable @typescript-eslint/no-var-requires */
import React from 'react';
import styles from './index.module.less';
import { Link } from 'react-router-dom';
import { MenuItem } from '@/interface/common';

const AuthNav: React.FC<any> = (props) => {
  const testMenu = [
    {
      id: '-1',
      name: '审批',
      orderNum: '-1',
      parentId: '-1',
      spread: true,
      path:'/declare'
    },
    {
      id: '-2',
      name: '新表单（开发中）',
      orderNum: '-1',
      parentId: '-1',
      spread: true,
      path:'/form-render/list'
    }
  ];
  
  return (
    <div className={styles['nav'] + ' box'}>
      {
        // props.menu?.
        testMenu.map((item: any, index: number) => {
          return (
            <Link
              key={index}
              to={item.path}
            >
              <div className={styles['nav-item']}>
                <img
                  className={styles['nav-pic']}
                  src={require('@/assets/images/nav-pic-declare.png')}
                />
                <p className={styles['nav-text']}>{item.name}</p>
              </div>
            </Link>
          );
        })
      }
    </div>
  );
};

export default AuthNav;
